Many designers and engineers are confused by the numerous screens of Android devices, I do not only do UI design, but also do a little Android interface layout, just about this piece of content is familiar with, also in the company has done related lectures, in this, I will this part of the knowledge to re-comb out to share to everyone!1. Understand several concepts(1) resolution. Resolution is the cell phone screen pixel points, generally described as the screen "wide x high", Android phone scr
1. Understand several concepts
(1) resolution. Resolution is the cell phone screen pixel points, generally described as the screen "wide x high", Android phone screen Common resolution has 480x800, 720x1280, 1080x1920 and so on. 720x1280 indicates that this screen has 720 pixels in the width direction and 1280 pixels in the height direction.
(2) Screen size. The screen size is the physical size of the d
Beijing Shang Academy offersMany designers and engineers are confused by the numerous screens of Android devices, I do not only do UI design, but also do a little Android interface layout, just about this piece of content is familiar with, also in the company has done related lectures, in this, I will this part of the knowledge to re-comb out to share to everyone!1 , understanding several concepts(1) resolution. Resolution is the cell phone screen pixel points, generally described as the screen
Many designers and engineers are confused by the numerous screens of Android devices, I do not only do UI design, but also do a little Android interface layout, just about this piece of content is familiar with, also in the company has done related lectures, in this, I will this part of the knowledge to re-comb out to share to everyone!1. Understand several concepts(1) resolution. Resolution is the cell phone screen pixel points, generally described as the screen "wide x high", Android phone scr
Today, my classmate gave me a design UI software, in fact, I am confused, a bit ignorant, design UI and such software. Baidu, see this article is still very fruitful, the original UI is a so advanced knowledge. Share this article with everyone and hopefully you'll get some help.1. Understand several concepts(1) resolution. Resolution is the cell phone screen pixel points, generally described as the screen "wide x high", Android phone screen Common resolution has 480x800,
Reference to:http://www.android100.org/html/201505/24/149342.htmlMany designers and engineers are confused by the screen of Android devices, I do not only do UI design, but also part of the Android interface layout, just about this piece of content is familiar with, also in the company has done related lectures, in this, I will this part of the knowledge to re-comb out to share to everyone!1. Understand several concepts(1) resolution. Resolution is the cell phone screen pixel points, generally d
Transferred from: http://www.zcool.com.cn/article/ZNjI3NDQ=.html1. Understand several concepts(1) resolution. Resolution is the cell phone screen pixel points, generally described as the screen "wide x high", Android phone screen Common resolution has 480x800, 720x1280, 1080x1920 and so on. 720x1280 indicates that this screen has 720 pixels in the width direction and 1280 pixels in the height direction.(2)
Many designers and engineers are confused by the screen of Android devices, I do not only do UI design, but also part of the Android interface layout, just about this piece of content is familiar with, also in the company has done related lectures, in this, I will this part of the knowledge to re-comb out to share to everyone!1. Understand several concepts(1) resolution. Resolution is the cell phone screen pixel points, generally described as the screen
mainstream hardware resolution), and then down and up small, large, big and low, high, ultra-high size and density.Typical Design dimensions320DP: A normal phone screen (240x320,320x480,480x800)480DP: An intermediate tablet image (480x800)600dp:7 inch Tablet PC (600x1024)720dp:10 inch Tablet PC (720x1280,800x1280)Android System dp/sp/px Conversion table
Name
Resolution
Ratio rate (for 320px)
Ratio rate (for 640px)
Ratio rate (for 750px)
idpi
same DPI device also has a different resolution, such as hdpi the most common is 480x800 and 480x854 resolution, there are other, such as 480x640, 600x1024 ...
Therefore, there are problems in trying to do a resolution of different DPI.
I'm going to try to illustrate a picture with a graph, if I don't do the display style for different machines and different resolutions:
In the case of Galaxy Nexus, the screen resolution is 720x1280, the status ba
interface when a lot of attention ~3. Font sizeThe font on the IPhone is English: Helveticaneue As for Chinese, the Mac uses a blackbody-Jane, and win is the Chinese blackbody.Baidu user experience has done a small survey, you can see the user acceptable text size, pixel units, that is, everyone in the PS text pixel size.P.s. Pay more attention to the data research of some big companies, you will find a lot of problems that you have not considered at all Oh ~In fact, there is a more simple way
using 720*1280 size UI diagram.Priority is given to the unit PX of the absolute metering class, which should first be measured in the UI (such as the 720x1280 Dimension chart) for the width or height of the element, divided by the screen magnification (such as the screen magnification of the 720x1280 device is typically 2) to obtain the exact value of the writing style.!!! Attention!!! : The Apicloud Proje
The UI Designer should not know the android screen knowledge, uiandroid
Provided by Beijing shangxuetang
Many designers and engineers were confused by the various screens of Android devices. I did both the UI design and the android interface layout. I was just familiar with this content, I have also made related lectures within the company. Here, I will reorganize this part of knowledge and share it with you!
1Understand several concepts
(1) Resolution. Resolution refers to the number of pixel p
Screen Preliminary summary.First, the current mobile phone screen pixel density basically has 5 kinds of situations. (The following pixel density is referred to as density)Density ldpi mdpi hdpi xhdpi xxhdpiDensity value 120 160 240 320 480Resolution 240x320 320x480 480x800 720x1280 1080x1920Conversion 1dp=0.75px 1dp=1px 1dp=1.5px 1dp=2px 1dp=3pxWhen the Android font size is "normal", the SP==DP is converted to PX and DP.The screen widths of 1.320x480
first of all, we all know that mobile device screen size is very large, fragmented seriously. Especially Android, you will hear many kinds of resolutions: 480x800, 480x854, 540x960, 720x1280, 1080x1920, and the legendary 2K screen. The fragmentation of the iphone has intensified in recent years: 640x960, 640x1136, 750x1334, 1242x2208. Don't be intimidated by these dimensions. In fact, most of the apps and mobile pages are displayed properly on screens
Introduce the design dimension specification of mobile terminal from the starting principleInitially involved in mobile design and development of the students, the basic will be on the size of the problem for a while to feel the clue. It took me a long time to figure it out, and it felt necessary to write an easy-to-read tutorial to help you. From the principle, clarify all the details about the dimensions. Because it is for beginners, so don't think I'm wordy.Recommended with this reading: "Lat
Phenomenon
Pixel density
Magnification vs. logical pixels
Unit
What about the Web
Practical application
Iphone
Android
Web
Summarize
Original http://www.shejidaren.com/mobile-ui-chi-cun.htmlFor the new UI designer, you will often encounter a basic problem, is the design of mobile apps, what size or screen size is the most appropriate? Some students spend a long time do not know how to do, in order to solve this problem, today designers "10 specimens why"
user experience has done a small survey, the application of font size survey results are as follows:Paste_image.png Color valueiOS color values take RGB color values such as a certain color value, given iOS development color value is R:12 g:34 b:56 gives the value is 12,34,56 (sometimes also according to the development habits, sometimes hex)Interior Design1, all can click the picture must not be less than 44px (retina needs 88px)2. The individual components must be even size3, twice times the
Reference: Android official website > Development > API Guide > Introduction > Device compatibility1. Basic ConceptsAndroid is designed to run on a variety of different types of devices, such as mobile phones, tablets, and TVs. For developers, a huge number of devices provide a huge potential audience for your app. In order for your app to run successfully on these devices, your app should be able to tolerate the differences in some hardware features and provide a flexible user interface that ca
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.